<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!-- 标准视框viewport -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title></title>
    <style>

        /****************************************************
        750设计搞
        ****************************************************/
        /* 
            按标准750px  font-size规定100px=1rem
         */
        html {
            /* 7.5倍 vw rem百分比*/
            font-size:13.33333333vw; 
        }
        /* 标准字体大小 */
        body {
            font-size:12px; 
        }
        div {
            /*编写1rem=100px标准*/
            width: 1rem;
            /* 满屏 */
            width: 7.5rem;
        }

        /* 
            按标准640px  font-size规定100px=1rem
         */
         html {
            /* 6.4倍 vw rem百分比*/
            font-size:15.625vw; 
        }
        body {
            font-size:12px; 
        }
        div {
            /*编写1rem=100px标准*/
            /* 满屏 6.4*/
            width: 1rem;
        }

    </style>
</head>
<body>
    <div>我是第一</div>
    <div>我是第二</div>
    <div>我是第三</div>
</body>
</html>